@charset "UTF-8";

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size:62.5%;/*10px*/
}
/* 去除iPhone中默认的input样式 */
input{/* -webkit-appearance:none; */ resize: none;}
/* 去除数字input中的上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  margin: 0;
}
input,select,textarea{outline:none;border:none;background-color:transparent;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  font-family: "Microsoft YaHei","Tahoma","Arial","Roboto","Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","sans-self";
  list-style:none;
  -webkit-appearance:none;
  outline:none;
}
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
  display: block;
}
/* 图片自适应 */
img {
  max-width: 100%;
  height: auto;
  width:auto\9; /* ie8 */
  -ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}
*:focus {
  outline:none;
}
/* 清零 */
body,html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}

.clearFix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearFix{zoom:1;}
a{text-decoration:none; color:#969696;}
a:hover{color:#969696; text-decoration:none;}
ul,ol,li{list-style:none;}

fieldset,img{border: none;}
table {
  border-collapse:collapse;
  border-spacing:0;
}
caption, th {
  text-align:left;
}

input:password {
  ime-mode:disabled;
}
*{box-sizing:border-box;}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size:62.5%;/*10px*/
}
/* 去除iPhone中默认的input样式 */
input{/* -webkit-appearance:none; */ resize: none;}
/* 去除数字input中的上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  margin: 0;
}
input,select,textarea{outline:none;border:none;background-color:transparent;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  font-family: "Microsoft YaHei","Tahoma","Arial","Roboto","Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","sans-self";
  list-style:none;
  -webkit-appearance:none;
  outline:none;
}
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
  display: block;
}
/* 图片自适应 */
img {
  max-width: 100%;
  height: auto;
  width:auto\9; /* ie8 */
  -ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}
*:focus {
  outline:none;
}
/* 清零 */
body,html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}

.clearFix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearFix{zoom:1;}
a{text-decoration:none; color:#969696;}
a:hover{color:#969696; text-decoration:none;}
ul,ol,li{list-style:none;}

fieldset,img{border: none;}
table {
  border-collapse:collapse;
  border-spacing:0;
}
caption, th {
  text-align:left;
}

input:password {
  ime-mode:disabled;
}
*{box-sizing:border-box;}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size:62.5%;/*10px*/
}
/* 去除iPhone中默认的input样式 */
input{/* -webkit-appearance:none; */ resize: none;}
/* 去除数字input中的上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  margin: 0;
}
input,select,textarea{outline:none;border:none;background-color:transparent;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  font-family: "Microsoft YaHei","Tahoma","Arial","Roboto","Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","sans-self";
  list-style:none;
  -webkit-appearance:none;
  outline:none;
}
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
  display: block;
}
/* 图片自适应 */
img {
  max-width: 100%;
  height: auto;
  width:auto\9; /* ie8 */
  -ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}
*:focus {
  outline:none;
}
/* 清零 */
body,html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}

.clearFix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearFix{zoom:1;}
a{text-decoration:none; color:#969696;}
a:hover{color:#969696; text-decoration:none;}
ul,ol,li{list-style:none;}

fieldset,img{border: none;}
table {
  border-collapse:collapse;
  border-spacing:0;
}
caption, th {
  text-align:left;
}

input:password {
  ime-mode:disabled;
}
*{box-sizing:border-box;}


.flickerplate {
  position: relative;
  width: 100%;
  height: 240px;
  background-color: #e6e6e6;
  overflow: hidden;
}
.flickerplate ul.flicks {
  width: 10000%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.flickerplate ul.flicks > li {
  float: left;
  width: 1%;
  height: 100%;
  background-position: center;
  background-size: cover;
  display: table;
}
.flickerplate ul.flicks > li .flick-inner {
  height: 100%;
  padding: 10px;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}
.flickerplate ul.flicks > li .flick-inner .flick-content {
  max-width: 68.75em;
  margin-left: auto;
  margin-right: auto;
}
.flickerplate ul.flicks > li .flick-title {
  padding: 0px 0px;
  font-size: 2.778em;
  line-height: 1.995em;
  text-align: center;
}
@media only screen and (max-width: 43.813em) {
  .flickerplate ul.flicks > li .flick-title {
    font-size: 1.667em;
  }
}
.flickerplate ul.flicks > li .flick-sub-text {
  padding: 5px;
  font-weight: 300;
  line-height: 2.5em;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.flickerplate ul.flicks > li .flick-title span.flick-block-text,
.flickerplate ul.flicks > li .flick-sub-text span.flick-block-text {
  padding: 12px 18px;
  background-color: rgba(0, 0, 0, 0.6);
}
.flickerplate .arrow-navigation {
  position: absolute;
  height: 80%;
  width: 10%;
  top: 10%;
  z-index: 100;
  overflow: hidden;
}
.flickerplate .arrow-navigation .arrow {
  display: block;
  height: 100%;
  width: 90%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.flickerplate .arrow-navigation:hover,
.flickerplate .arrow-navigation .arrow:hover {
  cursor: pointer;
}
.flickerplate .arrow-navigation.left {
  left: 0%;
}
.flickerplate .arrow-navigation.left .arrow {
  opacity: 0;
  margin: 0px 0px 0px 50%;
  background-image: url("../img/flickerplate/arrow-left-light.png");
  background-repeat: no-repeat;
  background-position: left;
}
.flickerplate .arrow-navigation.right {
  right: 0%;
}
.flickerplate .arrow-navigation.right .arrow {
  opacity: 0;
  margin: 0px 0px 0px -50%;
  background-image: url("../img/flickerplate/arrow-right-light.png");
  background-repeat: no-repeat;
  background-position: right;
}
.flickerplate .arrow-navigation.left.hover .arrow {
  opacity: 1;
  margin: 0px 0px 0px 20%;
}
.flickerplate .arrow-navigation.right.hover .arrow {
  opacity: 1;
  margin: 0px 0px 0px -20%;
}
.flickerplate .dot-navigation {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
  z-index: 100;
}
.flickerplate .dot-navigation ul {
  text-align: center;
  list-style: none;
  padding: 0px 15px;
}
.flickerplate .dot-navigation ul li {
  display: inline-block;
  float: none;
}
.flickerplate .dot-navigation .dot {
  width: 14px;
  height: 14px;
  margin: 0px 6px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  -ms-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.flickerplate .dot-navigation .dot:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.6);
}
.flickerplate .dot-navigation .dot.active {
  background-color: #ffffff;
}
.flickerplate .dot-navigation.left,
.flickerplate .dot-navigation.left ul {
  text-align: left;
}
.flickerplate .dot-navigation.right,
.flickerplate .dot-navigation.right ul {
  text-align: right;
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
  background-image: url("../img/flickerplate/arrow-left-dark.png");
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
  background-image: url("../img/flickerplate/arrow-right-dark.png");
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
  background-color: rgba(0, 0, 0, 0.12);
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
  background-color: #000000;
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
  color: rgba(0, 0, 0, 0.9);
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
  color: rgba(0, 0, 0, 0.9);
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text,
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
  background-color: rgba(255, 255, 255, 0.5);
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
  color: rgba(0, 0, 0, 0.9);
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
  color: rgba(0, 0, 0, 0.9);
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text,
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
  background-color: rgba(255, 255, 255, 0.5);
}
.flickerplate.animate-transform-slide ul.flicks {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0%, 0px, 0px);
  -webkit-transform: translate3d(0%, 0px, 0px);
  -webkit-transition: -webkit-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  transition: transform 0.6s;
}
.flickerplate.animate-transition-slide ul.flicks {
  position: relative;
  left: 0%;
  -webkit-transition: left 0.4s ease-out;
  -moz-transition: left 0.4s ease-out;
  -o-transition: left 0.4s ease-out;
  -ms-transition: left 0.4s ease-out;
  transition: left 0.4s ease-out;
}
.flickerplate.animate-jquery-slide ul.flicks {
  position: relative;
  left: 0%;
}
.flickerplate.animate-scroller-slide {
  padding-bottom: 0px;
  overflow: auto;
}
.flickerplate.animate-scroller-slide ul.flicks {
  position: auto;
}
.bott-footer {
  width: 100%;
  height: 62px;
}
.footer {
  width: 100%;
  margin-top: 12px;
  padding: 14px 0;
  background: #0379d9;
  position: fixed;
  left: 0;
  bottom: 0;
  border-top: 1px solid #d3d4d6;
  text-align: center;
  font-weight: bold;
  font-size: 1.3em;
}
.footer a {
  color: #fff;
  text-decoration: none;
  display: block;
}
.det-con {
  width: 100%;
  background: #fff;
  overflow: hidden;
  padding: 3%;
  margin-bottom: 15px;
}
.det-con .det-conL {
  width: 35%;
  float: left;
}
.det-con .det-conL img {
  width: 90%;
}
.det-con .det-conR {
  width: 60%;
  float: left;
}
.det-con .det-conR .det-title p {
  color: #1a1a1b;
  font-size: 1.1em;
  font-weight: bold;
}
.det-con .det-conR .det-title span {
  color: #0379d9;
  font-size: .8em;
}
.det-con .det-conR .chima {
  line-height: 150%;
  color: #c0c0c2;
}
.det-con .det-conR ul {
  width: 100%;
  padding:1em 0;
  overflow: hidden;
}
.det-con .det-conR ul li {
  width: 25%;
  border: 1px solid #0379d9;
  float: left;
  margin-right: 1.5%;
  margin-bottom:6px;
  text-align: center;
  border-radius: 5px;
  height: 2em;
  line-height: 2em;
  color: #c0c0c2;
}
.det-con .det-conR .det-num {
  width: 100%;
  overflow: hidden;
  margin-top: 15px;
}
.det-con .det-conR .det-num p {
  float: left;
}
.det-con .det-conR .det-num .jian {
  width: 23px;
  height: 23px;
  background: url("../img/jian.png") no-repeat;
  background-size:100% 100% ;
  vertical-align:middle;
}
.det-con .det-conR .det-num .shuzi {
  margin-top: -0.3em;
  margin-left: 1.2em;
  height: 33px;
  line-height: 33px;
  font-size: 1.2em;
}
.det-con .det-conR .det-num .jia {
  width: 23px;
  height: 23px;
  background: url("../img/jia.png") no-repeat;
  background-size:100% 100% ;
  vertical-align:middle;
}
.det-con .more {
  width: 100%;
  padding: 1% 0;
  overflow: hidden;
}
.det-con .more p.add {
  width: 30px;
  height: 30px;
  background: url('../img/addsh.png') no-repeat;
  background-size:100% 100%;
  float: right;
}
.det-con .more p.remove {
  width: 30px;
  height: 30px;
  background: url('../img/cutsh.png') no-repeat;
  background-size:100% 100%;
  float: right;
}
#num{
  width:3em;
}
.alert-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
}
.alert-content {
  overflow: hidden;
  width: 24.59rem;
  height: 39.49rem;
  margin: 0 auto;
  background: url(../img/alert-bg.png) center center no-repeat;
  background-size: contain;
}
.alert-content h2 {
  text-align: center;
  color: #fff;
  font-size: 2.06rem;
  margin-top: 11.1rem;
}
.alert-content p {
  width: 100%;
  height: 16.25rem;
  margin-top: 1.28rem;
  padding: 2.4rem;
  font-size: 1.82rem;
}
.sure-btn {
  text-align: center;
}
.sure-btn a {
  display: inline-block;
  padding: 1.2rem 2.4rem;
  background: #0fbfde;
  color: #fff;
  font-size: 1.28rem;
  border-radius: 5px;
  margin-top: 2.8rem;
}